<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>子疯云乐</title>
    <!-- <link rel="stylesheet" href="reset.css"> -->
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <!--<link rel="stylesheet" href="//at.alicdn.com/t/font_1824078_17zbrnjkhys.css">-->
    <link rel="stylesheet" href="../css/explanation.css">

</head>

<body data-spy="scroll" data-target="#myScrollspy">
<!--  -->
<div class="body-container">
    <!-- logo 菜单栏区域 -->
    <header class="header">
        <nav class="navbar navbar-default navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="javascript:void(0);">
                        <!-- 图标 / logo -->
                        <!-- <img alt="Brand" src="..."> -->
                        <h1 class="name">子疯云乐</h1>
                    </a>
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <!-- <span class="sr-only">Toggle navigation</span> -->
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>

                <!-- 平板、pc端菜单栏  hidden-xs hidden-sm-->
                <div class="collapse navbar-collapse" role="navigation" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-left">
                        <li class="active">
                            <a href="explanation.html" class="nav-docs">指南</a>
                        </li>
                        <li>
                            <a href="/musical2.0.html" class="nav-docs" target="_blank">乐谱生成</a>
                        </li>
                        <!--<li>-->
                        <!--<a href="/score.html" class="nav-docs" target="_blank">乐谱生成(旧版）</a>-->
                        <!--</li>-->
                        <li>
                            <a href="/musical.html" class="nav-docs" target="_blank">乐谱生成(旧版）</a>
                        </li>
                    </ul>
                    <!-- 右边菜单栏 / 搜索框 -->
                    <!-- <ul class="nav navbar-nav navbar-right"></ul> -->
                </div>

                <!-- 手机菜单栏 -->
                <!-- <div class="navbar-phone visible-xs-* hidden-sm hidden-md hidden-lg">
                    <i class="iconfont icon-caidan"></i>
                    <ul>
                        <li class="active">
                            <a href="/page/score.html" class="nav-docs">乐谱生成</a>
                        </li>
                    </ul>
                </div> -->

            </div>
        </nav>
    </header>

    <!-- 主区域 -->
    <div class="container main-content">
        <div class="row">
            <!-- pc端导航栏区域 -->
            <div class="col-sm-3 docs-navbar-container" id="myScrollspy">
                <!--  col-md-2 hidden-xs -->
                <nav class="docs-navbar" role="navigation" data-spy="affix" id="myAffix">
                    <!--  -->
                    <ul class="nav nav-stacked" id="main-nav">

                        <!--  nav-pills -->
                        <li class="panel">
                            <a href="#guideNav" data-id="guide" data-toggle="collapse" data-parent="#main-nav">
                                说在前面
                                <i class="iconfont icon-triangle"></i>
                            </a>
                            <ul class="nav second-nav collapse in" id="guideNav">
                                <li>
                                    <a href="atstart1">这是个啥？</a>
                                </li>
                                <li>
                                    <a href="#section2">下载脚本</a>
                                </li>
                                <li>
                                    <a href="#section3">界面功能说明</a>
                                </li>
                                <li>
                                    <a href="#section4">自己写歌</a>
                                </li>
                                <li>
                                    <a href="#section5">费用</a>
                                </li>
                                <li>
                                    <a href="#section6">脚本声明</a>
                                </li>
                            </ul>
                        </li>

                        <!-- 后增导航栏的template -->
                        <li class="panel">
                            <a href="#appNav" data-id="app" data-toggle="collapse" data-parent="#main-nav">
                                小精灵安装
                                <i class="iconfont icon-triangle"></i>
                            </a>
                            <ul class="nav second-nav collapse" id="appNav">
                                <li><a href="javascript:iframe.src='atstart1.html'">小精灵安装</a></li>
                            </ul>
                        </li>
                        <li class="panel">
                            <a href="#musicalNav" data-id="musical" data-toggle="collapse"
                               data-parent="#main-nav">
                                乐谱生成器使用说明
                                <i class="iconfont icon-triangle"></i>
                            </a>
                            <ul class="nav second-nav collapse" id="musicalNav">
                                <li><a href="#musical1">显示区</a></li>
                                <li><a href="#musical2">时值</a></li>
                                <li><a href="#musical3">简谱</a></li>
                                <li><a href="#musical4">功能键</a></li>
                            </ul>
                        </li>
                        <li class="panel">
                            <a href="#jsMusicNav" data-id="jsMusic" data-toggle="collapse"
                               data-parent="#main-nav">
                                自己添加音乐
                                <i class="iconfont icon-triangle"></i>
                            </a>
                            <ul class="nav second-nav collapse" id="jsMusicNav">
                                <li><a href="#jsMusic1">本地音乐添加方法</a></li>
                                <li><a href="#jsMusic2">js等脚本改lua方法</a></li>
                                <li><a href="#jsMusic3">有用代码</a></li>
                                <li><a href="#jsMusic4">注意事项</a></li>
                            </ul>
                        </li>
                        <li class="panel">
                            <a href="#logNav" data-id="log" data-target="collapse" data-parent="#main-nav">
                                更新日志
                                <i class="iconfont icon-triangle"></i>
                            </a>
                            <ul class="nav second-nav collapse" id="logNav">
                                <li><a href="#log">更新日志</a></li>
                            </ul>
                        </li>
                    </ul>
                </nav>
                <div class="modal-self"></div>
            </div>

            <!-- 主内容区域 -->
            <div class="col-sm-8 col-md-8">
                <div class="main">
                    <iframe id="iframe" src="../log.html" style="height: 100%;width: 100%"></iframe>
                </div>
            </div>
        </div>
    </div>

    <footer class="footer"></footer>

    <!-- 移动端目录按钮 -->
    <div class="menu-btn-phone visible-xs-* hidden-sm hidden-md hidden-lg">
        <i class="iconfont icon-menu"></i>目录
    </div>

    <!-- 提示信息浮窗 -->
    <div class="message">加入光遇第一假琴手乐队--
        <a href="https://jq.qq.com/?_wv=1027&amp;k=rB4ylfO5">IOS</a>--
        <a href="https://jq.qq.com/?_wv=1027&k=1BFXL342">安卓</a>
        <i class="iconfont icon-guanbi"></i>
    </div>
</div>
<script src="../js/jquery-3.1.1.slim.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/explanation.js"></script>
</body>

</html>